<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    {load href="/static/js/layer/skin/default/layer.css" /}
    <style>
        tr,th{
            text-align: center;
        }
        th{
            color: #797979;
        }
        #keyword{
            width: 300px;
        }
        .breadcrumb{
            background-color: #515151;
        }
        .breadcrumb span{
            color: #ffffff;
        }
        .ml15{
            margin-left: 15px;
        }
        .c2{
            cursor: pointer;
            text-align: center;
            display: inline-block;
            width: 100px;
            height: 35px;
            line-height: 15px;
            margin-right: 10px;
        }
        .mytab{
            font-size:15px;
            border-bottom: 1px solid #C8C8C8;
            margin-bottom: 20px;
        }

        .mytab .active{
            border-bottom: 4px solid #505050;
            color: #ff5800;
        }
        .content .col-xs-6{
            padding-left: 18px;
            padding-right: 18px;
            margin-bottom:30px;
            cursor: pointer;

        }
        .content .col-xs-6>div{
            border-radius: 8px;
            border:1px solid #C9C9C9;
            height: 132px;
        }
        .img{
            line-height: 132px;
            text-align: center;
        }
        .img img{
            vertical-align: middle;
            width:68px;
            height: 68px;
        }
        
        .content .a{
            font-size: 15px;
            font-weight: 600;
            margin-top: 22px;
            margin-bottom: 16px;
        }

        .content .b{
            color: #797979;
        }
    </style>
</head>
<body>
<div style="padding-left: 20px;padding-right: 20px;">

    <ol class="breadcrumb">
        <li><span href="#">当前位置</span></li>
        <li><span href="#">系统设置</span></li>
        <li class="active"><span>会员运营</span></li>
    </ol>
    <div class="container-fluid">
        <div class="mytab">
            <span class="c2" onclick="window.location.href='{:url('Card/mycard')}'">会员卡列表</span>
            <span class="c2" onclick="window.location.href='{:url('Card/memberlist')}'">会员信息</span>
            <span class="c2 active">会员运营</span>
            <span class="c2" onclick="window.location.href='{:url('Card/memberdata')}'">会员数据</span>
            <span class="c2" onclick="window.location.href='{:url('Card/addcard')}'">新建会员卡</span>
            <span class="c2" onclick="window.location.href='{:url('Card/wxconfig')}'">配置公众号</span>
        </div>
        <div class="row content">
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-3 img">
                        <img src="/static/img/u6039.png">
                    </div>
                    <div class="col-xs-9">
                        <div class="a">修改余额/积分</div>
                        <div class="b">对会员的余额和积分进行修改,一旦修改即生效;因涉及资金问题,请谨慎操作,平台不参与资金上的纠纷</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-3 img">
                        <img src="/static/img/u6047.png">
                    </div>
                    <div class="col-xs-9">
                        <div class="a">给会员推送消息</div>
                        <div class="b">根据会员电话、微信号进行消息推送;可以购买营销短信,或者使用微信公众号按会员分组群发</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-3 img">
                        <img src="/static/img/u6059.png">
                    </div>
                    <div class="col-xs-9">
                        <div class="a">会员分组</div>
                        <div class="b">给会员分组,方便管理</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-3 img">
                        <img src="/static/img/u6075.png">
                    </div>
                    <div class="col-xs-9">
                        <div class="a">余额/积分变动后自动送券</div>
                        <div class="b">通过微信模板消息,每当会员积分或余额变动时,自动推送消息,附赠一张优惠券(需先购买优惠券应用服务)</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-3 img">
                        <img src="/static/img/u6067.png">
                    </div>
                    <div class="col-xs-9">
                        <div class="a">导入会员</div>
                        <div class="b">批量导入会员数据,一键打通老会员系统</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
{load href="/static/js/layer/layer.js" /}
<script>
</script>
</body>
</html>